<html>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script src="js/jquery.uniform.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
      $(function(){
        $("input[type='radio'], textarea, select").uniform();
        
        	$('#counter_2').countdown({
			image: 'imgs/digits.png',
			startTime: '00:10',
			timerEnd: function(){ 
			 alert('Seu tempo acabou! =(');
             location.href="index.php?Conteudo=telaJogo&tempo=acabou";
            },
			format: 'mm:ss'
		});
        
      });
    </script>
    <link rel="stylesheet" href="css/uniform.default.css" type="text/css" media="screen" />
    <style type="text/css"> 
	br { clear: both; }
	.cntSeparator {
		font-size: 54px;
		margin: 10px 7px;
		color: #000;
	}
	.desc { margin: 7px 3px; }
	.desc div {
		float: left;
		font-family: Arial;
		width: 70px;
		margin-right: 65px;
		font-size: 13px;
		font-weight: bold;
		color: #000;
	}
</style> 
<body>
    <?php
        session_start();        
        //SE NÃO EXISTIR NADA NA SESSÃO, O ENGRAÇADINHO ESTÁ TENTANTO ABRIR A PÁGINA SEM REALIZAR SEU LOGIN!
        if( (!isset($_SESSION['idJogador'])) AND (!isset($_SESSION['nome'])) AND (!isset($_SESSION['idade']))){        
            echo '<script type="text/javascript"> alert("Você não realizou o seu cadastro para jogar!"); 
                  location.href="index.php";           
            </script>';
        }//FIM IF
        else{
            $id = utf8_encode($_SESSION['idJogador']);
            $nome = utf8_encode($_SESSION['nome']);
            $idade = utf8_encode($_SESSION['idade']);
        }//FIM ELSE
        
        //CHAMA A PAGINA DE NIVEIS PARA VERIFICAR O NIVEL
        include ('pags/niveis.php');    
    ?>
    <div id="informacoesUsuario">
        <ul id="informacoesUsuarioDetalhes">
            <li>Id:    <span><?php echo $id ?></span></li>
            <li>Nome:  <span><?php echo $nome; ?></span></li>
            <li>Idade: <span><?php echo $idade; ?></span></li>
        </ul>
        <div id="boxDificuldade">
            Dificuldade
            Nível: <?php echo $nivel; 
                    echo '<img src="imgs/icones/'.$icone.'.png" title="'.$title.'" alt="Nível 3 de dificuldade" class="iconeDificuldade"/>'
            ?>             
        <!-- FIM DIV BOX DIFICULDADE -->
        </div>       
    <!-- FIM DIV INFORMAÇÔES USUARIO -->
    </div>
    <?php
                    $sql = mysql_query("SELECT `pergunta`,`respostaCorreta`,`respostaErrada1`,`respostaErrada2`,`respostaErrada3`,`respostaErrada4`,`respostaErrada5`,`nivelPergunta` FROM `tb_perguntas` WHERE nivelPergunta=$nivel ORDER BY RAND()"); //WHERE nivelPergunta = $nivel
                    while($linhaTab = mysql_fetch_object($sql)){
                        $pergunta = $linhaTab->pergunta;
                        $respostaCorreta = $linhaTab->respostaCorreta;   
                        $respostaErrada1 = $linhaTab->respostaErrada1;
                        $respostaErrada2 = $linhaTab->respostaErrada2;
                        $respostaErrada3 = $linhaTab->respostaErrada3;
                        $respostaErrada4 = $linhaTab->respostaErrada4;
                        $respostaErrada5 = $linhaTab->respostaErrada5;
                    }
                    $respostas = array($respostaErrada1, $respostaErrada2, $respostaErrada3, $respostaErrada4, $respostaErrada5, $respostaCorreta);
                    
    ?>
    <form name="pergunta" action="index.php?Tela=telaJogo" method="POST">
        <fieldset id="fieldsetInterno">
            <legend>Questão 1</legend>
                <span>Qual é o resultado de <?php echo $pergunta; ?> ? </span>
                <ul id="ulPerguntas">
                    <?php
                        
                        
                        $num_aleatorio = array_rand($respostas, 5);
                        for($r=0; $r <= $qtdRespostas; $r++){
                            echo '<li><input type="radio" name="radio" value="'.$respostas[$num_aleatorio[$r]].'"/>'.$respostas[$num_aleatorio[$r]].'</li>';
                        }
                        //echo '<li><input type="radio" name="radio" value="'.$respostaErrada1.'"/>'.$respostaErrada1.'</li>';                                                
                    ?>
                <!--
                    <li><input type="radio" name="radio" value="<?php echo $resposta; ?>"/> <?php echo $resposta; ?></li><strong></strong>
                    <li><input type="radio" name="radio" value="5"/> 5</li>                    
                    <li><input type="radio" name="radio" value="10"/> 10</li>
                    <li><input type="radio" name="radio" value="1"/> 1</li> --> 
                </ul>            
            <input name="Sair" type="submit" value="Sair" class="botoes"/>
            <input name="Confirmar" type="submit" value="Confirmar" class="botoes"/>        
        </fieldset>
    </form>
    <div id="counter_2"></div> 
    <div class="desc"> 
        <div>Minutos</div> 
        <div>Segundos</div> 
    </div> 
    <?php
    $tempo = $_GET['tempo'];
    if($tempo == 'acabou'){
        session_destroy();        
        Header("Location: index.php");
    }
    else if($_POST['Sair']){
        session_destroy();
        echo '<script type="text/javascript"> alert("Sessão finalizada! Clique em OK para sair por completo!"); location.href="index.php";  </script>';
        Header("Location: index.php");        
      }
      else if($_POST['Confirmar']){
        $opcao = $_POST['radio'];
        if(empty($opcao)){
            echo '<script type="text/javascript"> alert("Escolha uma opção antes de confirmar!");</script>';
        }
        
      else{
         
            if($opcao == $respostaCorreta){                 
                unset($_POST['Confirmar']);
                echo '
                <script type="text/javascript"> alert("Você Acertouuuu.. Vamos carregar a nova pergunta!");</script>';
                Header("Location: index.php?Conteudo=telaJogo");
                //window.location.reload();
            }
            else{
            echo '<script type="text/javascript"> alert("Você Errou =(!");</script>';
            session_destroy();
            echo '<script type="text/javascript">location.href="index.php";</script>';
            }
        }
      }//FIM IF CONFIRMAR
    ?>
    
    </body>
</html>